<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/alpenlicebe.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <style>
        /* 头部样式 */

        .topbar {
            background: #3A8B7A;
            height: 50px;
            border-bottom: 1px solid #DDDFE3;
        }

        #title {
            color: #FFF;
        }

        .swipe {
            line-height: 50px;
            margin-right: 10px;
            color: #FF8400;
        }

        .back {
            float: left;
            padding-right: 30px;
        }

        .back img {
            height: 30px;
            margin-top: 10px;
            margin-left: 10px;
            margin-bottom: 10px;
        }

        .topbar .title {
            line-height: 50px;
            font-size: 22px;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .right {
            float: right;
            padding-left: 30px;
        }

        .right img {
            height: 30px;
            margin-top: 10px;
            margin-right: 10px;
            margin-bottom: 10px;
        }
    </style>
</head>

<body>
    <div id="wrap">
        <div class="titlebar activebar">
            <div id="header" class="topbar whitebar">
                <div class="back" tapmode="" onclick="api.closeWin();"><img src="../image/btn/back.png" alt=""></div>
                <div class="title" id="title">内容详情</div>
                <div id="right" class="right"></div>
            </div>
        </div>
        <!-- <header id="panel_header" style="height:20px;background-color: #f4f4f4 !important;display:none;" class="aui-bar aui-bar-nav aui-bar-pro">

		</header> -->
        <div id="main">
        </div>
    </div>
</body>
<script src="../script/api.js"></script>
<script src="../script/zepto.min.js"></script>
<script src="../script/alpenlicebe.js"></script>
<script>
    apiready = function() {
            var infoID = api.pageParam.infoID;
            if ("" == infoID || undefined == infoID || null == infoID) {
                api.alert({
                    title: '系统提示',
                    msg: "参数错误"
                });
            } else {
                // var y=0;
                // if('ios'==api.systemType){
                // 		$("#panel_header").show();
                // 		y=20;
                // 	}else{
                //   y=api.safeArea.top;
                // }
                header = $api.byId('header');
                $api.fixIos7Bar(header);
                headerOffset = $api.offset(header);
                api.openFrame({
                    name: 'yq_listDetailContent',
                    url: 'yq_listDetailContent.html',
                    bounces: true,
                    allowEdit: true,
                    rect: {
                        x: 0,
                        y: headerOffset.h,
                        w: 'auto',
                        h: api.winHeight - headerOffset.h - 51
                    },
                    pageParam: {
                        infoID: infoID,
                        is_button:api.pageParam.is_button
                    },
                    showProgress: 'true'
                });
            }
            /*注册监听事件*/
            api.addEventListener({
                name: 'Alpe_Event_NewsDetailContent'
            }, function(ret) {
                if (ret) {
                  var h_height = api.winHeight - 51;
                  api.openFrame({
                      name: 'yq_menuBottom',
                      url: './yq_menuBottom.html',
                      rect: {
                          x: 0,
                          y: h_height,
                          w: 'auto',
                          h: 51,
                      },
                      pageParam:  ret.value.news,
                      delay: 300,
                      reload: true,
                      bounces: false,
                      scaleEnabled: false,
                      delay: 200
                  });

                }
            });
        }

</script>

</html>
